<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/jiazai.css"/>
		<style type="text/css">
			body {
				background: white;
			}
			#top-contr{
				padding: 10px 20px;
			}
			.content{
				padding-top: 40px;
				padding: 40px 20px;
			}
			h1{
				font-size: 22px;
				font-weight: 800;
				text-align: center;
			}
			.content>p:first-of-type{
				padding-top: 30px;
				font-size: 14px;
				line-height: 22px;
				letter-spacing: 1px;
				text-align: center;
			}
			.content>p:last-of-type{
				text-align: center;
			}
			.word{
				padding: 10px 15px;
				background: #f5f8ff;
				font-size: 16px;
				color: #999;
			}
			.word>span{
				display: inline-block;
				padding: 10px;
			}
			button {
				width: 100%;
				margin-top: 50px;
				padding: 15px 0;
				font-size: 15px;
				color: white;
				background: #0c61ff;
				border-radius: 5px;
				border: none;
			}
		</style>
	</head>

	<body>
		<div id="app">
			
			<!-- 加载中动画 -->
			<div id='jiazai-ani' v-if='jiazai'>
				<div class="arc"></div>
				<h1><span>LOADING</span></h1>
			</div>
			<!-- 加载中动画 -->
			
			<div id="top-contr" class='dis-spa'>
				<img @tap='_close();' src="img/left.svg" style="width: 18px;height: 18px;"/>
				<span>备份助记词</span>
				<span style="opacity: 0;width: 18px;">1</span>
			</div>
			<div class="content">
				<h1>请牢记助记词</h1>
				<p>助记词是您管理、导入酷派钱包的唯一凭证</p>
				<p>请务必牢记备份</p>
				<div class="word">
					<span>kljsdlf</span>
					<span>kljsdlf</span>
					<span>kljsdlf</span>
					<span>kljsdlf</span>
					<span>kljsdlf</span>
					<span>kljsdsdflf</span>
					<span>kljsdlf</span>
					<span>kljsasfdlf</span>
					<span>ksdlf</span>
					<span>kljsdlf</span>
					<span>kljsd</span>
					<span>kljsdsalf</span>
					<span>kljs</span>
					<span>kljsdlf</span>
					<span>kldlf</span>
					<span>kljsdlf</span>
					<span>kljsdlf</span>
				</div>
				<button @tap='backup'>备份</button>
			</div>
		</div>
		<script src="js/comm.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var app=new Vue({
				el:'#app',
				data:{
					jiazai:false
				},
				methods:{
					backup:function(){
						_openHref({
							url:'backup-word2.html',
							id:'backupWord2'
						});
					}
				}
			});
		</script>
	</body>

</html>